/*div{*/
/*    border: 1px solid black;*/
/*}*/
#indexDiv{
    margin: 0 auto;
    width:800px;
    height: 1000px;
}
#headDiv{
    /*display: flex;*/
    align-items: center;
    height: 25px;
    background-color: rgb(202,215,247);
}
#headDiv a{
    margin-left:10px ;
    margin-right: 10px;
    text-decoration: none;
    color: black;
    font-size: 14px;
}
#headDiv a:hover{
    color: red;
}
#mainDiv{
    /*display: none;*/
    height: 800px;
}
.countDiv{
    height: 30px;
    background-color: rgb(68,85,170);
    /*display: flex;*/
    align-items: center;
}
.countDiv span{
    margin-left: 10px;
    color: white;
}
#userDiv{
    height: 150px;
}
#channelDiv{
    height: 300px;
}
.thead tr{
    color: white;
    background-color:rgb(68,85,170);
}
#channelData{
    background-color: rgb(202,215,247);
}
table{
    background-color: rgb(202,215,247);
}
#loginDiv{
    /*display: none;*/
    height: 300px;
}
#loginInputDiv{
    height: 110px;
    background-color: rgb(202,215,247);
}
#loginInputDiv span{
    margin-left: 400px;
}
#addDiv{
    height: 500px;
    /*display: none;*/
}
#addInfoDiv{
    height: 260px;
    background-color: rgb(228,237,249) ;
    /*display: flex;*/
}
#addInfoDiv img{
    width: 40px;
    height: 40px;
}
#channelData a{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
#channelData a:hover{
    color: red;
}
#themeDiv{
    background-color: rgb(235, 239, 255);
    /*display: none;*/
}
#navigation{
    height: 25px;
    background-color: rgb(202, 215, 247);
}
#themeDiv input{
    width: 100px;
    height: 15px;
    font-size: 13px;
}
#themeDiv span{
    font-size: 13px;
}
#themeData a{
    text-decoration: none;
    color: black;
    margin-left: 10px;
}
#themeData a:hover{
    color: red;
}
#replyDiv{
    background-color: rgb(202,215,247);
    /*display: none;*/
}
.commentDiv{
    height: 120px ;
    background-color: rgb(228, 237, 249);
    /*display: flex;*/
}
.commentDiv img{
    width: 40px;
    height: 40px;
}
.replyUserDiv{
    width: 150px;
    font-size: 13px;
    border: 2px solid rgb(68,85,170);
}
.replyUserDiv *{
    margin-left: 5px;
}
.infoDiv{
    width: 650px;
    border: 2px solid rgb(68,85,170);
    word-wrap:break-word;
    word-break:break-all;
    overflow-y:  scroll;
}
.infoDiv span{
    margin-left: 10px;
    font-size: 13px;
    color: #383838;
}
.infoDiv hr{
    margin-top: -1px;
}
p{
    margin-top: -2px;
    margin-left: 10px;
    margin-right: 10px;
}
.commentHeadDiv{
    height: 20px;
    background-color: rgb(68,85,170);
    margin-top: 11px;
}
#writeDiv{
    height: 290px;
    background-color: rgb(228, 237, 249);
}
#addTheme{
    background-color: rgb(228, 237, 249);
    /*display: none;*/
}